@include('share.__header')
<link rel="stylesheet" href="{{asset('center/per.css')}}">
<link rel="stylesheet" href="{{asset('center/posted/css/posted.css')}}">
    <!--[2]main-->
    <main>
      @include('share.__banner')
        <!--下面左边-->
        @foreach($info as $v)
        <div class="container clearfix bottom">
            <div class="personaPost">
                <div class="clearfix">
                    <div class="articleLeft pull-left">
                        <span class="month">{{$v->create_time['month']}}</span>
                        <span class="line">/</span>
                        <span class="date">{{$v->create_time['day']}}</span>
                    </div>
                    <div class="articleRight pull-left">
                        <div class="cardAuthor">
                            <a href="" class="authorImgA">
                              @if($avatar[0]->avatar)
                                <img src="{{asset('storage').$avatar[0]->avatar}}" alt="" class="authorImg">
                              @else
                                <img src="{{asset('public/images/cardContent1.JPEG')}}" alt="" class="authorImg">
                                @endif
                            </a>
                            <h2 class="authorName"><a href="">{{$v->nickname}}</a></h2>
                            <!--  这里需要判断性别-->
                    				@if($v->sex==1)
                    				<div class="authorMessage"><i class="fa fa-male authorSex"></i><span class="authorAge">@if($v->age){{$v->age}}@else保密@endif</span></div>
                    				@elseif($v->sex==2)
                    				<div class="authorMessage authorFemale"><i class="fa fa-female authorSex"></i><span class="authorAge">@if($v->age){{$v->age}}@else保密@endif</span></div>
                    				@else
                    				<div class="authorMessage authorsecret"><i class="fa fa-info authorSex"></i>@if($v->age){{$v->age}}@else保密@endif</span></div>
                    				@endif
                            <div class="authorName" style="float:right;">
                            {{$v->create_time['time']}}
                          </div>
                        </div>
                        <div class="cardContent">
                            <a href="{{url('/article/'.$v->aid)}}">{{$v->content}}</a>
                        </div>
                        <div class="cardStats">
                            <span class="cardVote">
				                          <i class="voteNumber">{{$v->zannum}}</i>
				                          <i class="voteText">赞</i>
				                    </span>
                            <span class="cardComments">
					                   <span class="commentsdash"> · </span>
                            <a href="" class="commentsTotal">
                                <i class="commentsNumber">{{$v->replynum}}</i>
                                <i class="commentsText">评论</i>
                            </a>
                            </span>
                        </div>

                        <div class="interaction clearfix">
                            <ul class="pull-left interactionLeft clearfix">
                                <li class="pull-left inter1Li praise"><a href="javascript:;"><i class="fa fa-thumbs-o-up"></i></a></li>
                                <li class="pull-left inter1Li criticism"><a href="javascript:;"><i class="fa fa-thumbs-o-down"></i></a></li>
                                <li class="pull-left inter1Li"><a href=""><i class="fa fa-comment-o"></i></a></li>
                            </ul>
                            <ul class="pull-right interactionRight clearfix">
                                <li class="pull-left inter2Li"><a href=""><i class="fa fa-weixin"></i></a></li>
                                <li class="pull-left inter2Li"><a href=""><i class="fa fa-qq"></i></a></li>
                                <li class="pull-left inter2Li"><a href=""><i class="fa fa-dribbble"></i></a></li>
                                <li class="pull-left inter2Li"><a href=""><i class="fa fa-weibo"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </main>
    <!--[3]footer-->
    <footer></footer>
    <!--[4]登录弹出框-->
    <div id="alert">
        <form action="" method="" name="" class="loginForm">
            <div class="glyphicon glyphicon-remove closeLogin"></div>
            <h2 class="loginTitle">用户登录</h2>
            <div class="phone">
                <label for="" class="phoneLabel">手机号</label>
                <input type="text" placeholder="11位手机号" class="phoneInput">
            </div>
            <div class="password">
                <label for="" class="passLabel">密码</label>
                <input type="password" placeholder="密码" class="passInput">
                <a href="" class="forgetPass">忘记密码</a>
            </div>
            <div class="loginHandle clearfix">
                <div class="remberLogin pull-left">
                    <input type="checkbox" class="remberInput" id="rember" name="">
                    <label for="rember" class="remberLabel">记住登录状态</label>
                </div>
                <input type="button" value="登录" class="loginBut pull-right">
            </div>
        </form>
    </div>
    <!--遮罩层-->
    <div id="screen"></div>
    <!--点击小头像-->
    <ul class="littlePerson clearfix">
        <li class="lpLi pull-right register"><a href="register.html">注册</a></li>
        <li class="lpLi pull-right login"><a>登录</a></li>
    </ul>
    <!--登录以后点击小头像-->
    <ul class="loggedLittlePerson clearfix">
        <li class="lpLi pull-right myQuit"><a href="javascript:;">退出</a></li>
        <li class="lpLi pull-right myPersonal"><a href="javascript:;">个人中心</a></li>
    </ul>
    <!--登录以后，页面缩小点击头像-->
    <div class="loggedClickPhoto">
        <img src="{{asset('public/images/cardContent1.JPEG')}}" alt="" class="personalPhoto">
        <div class="personalName">Candy</div>
        <div class="clearfix">
            <div class="pull-left personalCenter"><a href="">个人中心</a></div>
            <div class="pull-right personalQuit"><a href="">退出</a></div>
        </div>
    </div>



</body>
<script src="{{asset('public/js/jquery.min.js')}}"></script>
<script src="{{asset('public/js/bootstrap.min.js')}}"></script>
<script src="{{asset('public/js/navbar.js')}}"></script>
<script src="{{asset('center/per.js')}}"></script>
<script src="{{asset('center/posted/js/posted.js')}}"></script>

</html>
